package HTML5_2024_6_3;

public class M3_6 {
    // VUE
    /**
     * 单页面架构
     *  整个工程中只有一个html文件
     *  热刷新机制 随写随改
     *      -src
     *      -package.json - 端口号 依赖 路径都在该文件中
     *          {
     *   "name": "v1",
     *   "version": "0.1.0",
     *   "private": true,
     *   "scripts": {
     *     "serve": "vue-cli-service serve --port 9090", ------- 避免与后端冲突 将默认8080端口号改为9090
     *     "build": "vue-cli-service build"
     *   },
     *   进入Terminal页面 进入指定路径工程 1.cd 工程名 - 进入工程
     *                                2.npm run serve - 启动工程
     *
     *  node_modules 相当于`Java`中的`JDK` 开发工具包 文件传输时不会将其连带传输 需要接收方自行下载
     *  npm install - 下载`node_modules`
     *
     *  main.js 涉及到代码相关的配置 在其中进行配置
     *      mount: 挂载 使用ID选择器将配置信息挂载到html文件的唯一div上
     *      <nav></nav> 导航 属性:to:"Home"
     *                          to:"About"
     *  浏览器直接渲染index.html文件
     *  创建 VUE component文件 即VUE组件
     */
}
